<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>工匠列表</title>
	<link rel="stylesheet" href="../css/gjlb.css">
	<link rel="stylesheet" href="../fonts/iconfont.css">
</head>
<body>
	<!-- 顶部 -->
	<div class="header">
		<div class="header_top">
			<div class="container clearfix">
				<div class="icon clearfix">
					<img src="../img/dianhua.png" alt="">
					<a href="">400-010-8888</a>
				</div>
				<div class="hello">
					<a href="">您好，欢迎来到中蜜丝路！</a>
				</div>
				<div class="vip clearfix">
					<div>
						<span>会员中心</span>
						<span>﹀</span>
						<ul class="dropdown-menu">
							<li><a href="wdxx.html">我的信息</a></li>
							<li><a href="wdry.html">我的认养</a></li>
							<li><a href="fxdt.html">蜂箱动态</a></li>
							<li><a href="ryxq.html">认养详情</a></li>
						</ul>
					</div>
				</div>
				<div class="span">
					<span>丨</span>
				</div>
				<div class="sign clearfix">
					<a href="dl.html">
						<img src="../img/yonghu.png" alt="">
						<span>登录</span>
					</a>
				</div>	
			</div>
		</div>
	</div>
	<!-- 导航条 -->
	<div class="container clearfix nva">
		<div class="ZM">
			<a href="index.html">
				<img src="../img/logo.png" alt="">
			</a>
		</div>
		<ul class="clearfix">
			<li><a href="../index.html">首页</a></li>
			<li><a class="index" href="map.html">蜜源寻蜜<span style="width: 80px;"></span></a></li>
			<li><a href="hmkp.html">好蜜科普</a></li>
			<li><a href="gjrz.html">蜂业专委会</a></li>
			<li><a href="vadio.html">蜜蜂视界</a></li>
			<li><a href="hyzx.html">会员中心</a></li>
		</ul>
	</div>
	<!-- 图片 -->
	<div class="banner">
		<img src="../img/temp/banner_1.jpg" alt="">
	</div>
	<!--内容 -->
	<div class="bg-gray">
	    <div class="container clearfix">
			<div class="popular clearfix">
				<div class="pull-left custom-left">
					<div class="left-nav">
						<h2>产品蜜源地</h2>
						<span></span>
						<ul>
							<li class="active">
								<a href="javascript:;" title="">
									<i></i>
									长白山一号蜂场
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
									长白山二号蜂场
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
									长白山三号蜂场
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
									长白山四号蜂场
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
									长白山五号蜂场
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
									长白山六号蜂场
								</a>
							</li>
							<li>
								<a href="javascript:;" title="">
									<i></i>
									长白山七号蜂场
								</a>
							</li>
						</ul>
					</div>
					<img src="../img/temp/knowledge_03.jpg" alt="">
				</div>
				<div class="craftsman-right pull-right custom-right">
					<div class="right-nav">
						<h2>产品蜜源地 <i class="icon-right">＞</i> 长白山蜜源地 <i class="icon-right">＞</i> 产品蜜源地 <i class="icon-right">＞</i> <span>工匠列表</span></h2>
					</div>
					<ul class="craftsman-list clearfix">
						<li>
							<a href="gjxq.html" title="" class="img-hover list-img" target="_blank">
								<img src="../img/temp/craftsman_01.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="gjxq.html" title="" class="btn btn-lg craftsman-btn" target="_blank">查看详情</a>
						</li>
						<li>
							<a href="javascript:;" title="" class="img-hover list-img">
								<img src="../img/temp/craftsman_02.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="javascript:;" title="" class="btn btn-lg craftsman-btn">查看详情</a>
						</li>
						<li>
							<a href="javascript:;" title="" class="img-hover list-img">
								<img src="../img/temp/craftsman_03.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="javascript:;" title="" class="btn btn-lg craftsman-btn">查看详情</a>
						</li>
						<li>
							<a href="javascript:;" title="" class="img-hover list-img">
								<img src="../img/temp/craftsman_01.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="javascript:;" title="" class="btn btn-lg craftsman-btn">查看详情</a>
						</li>
						<li>
							<a href="javascript:;" title="" class="img-hover list-img">
								<img src="../img/temp/craftsman_02.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="javascript:;" title="" class="btn btn-lg craftsman-btn">查看详情</a>
						</li>
						<li>
							<a href="javascript:;" title="" class="img-hover list-img">
								<img src="../img/temp/craftsman_03.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="javascript:;" title="" class="btn btn-lg craftsman-btn">查看详情</a>
						</li>
						<li>
							<a href="javascript:;" title="" class="img-hover list-img">
								<img src="../img/temp/craftsman_01.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="javascript:;" title="" class="btn btn-lg craftsman-btn">查看详情</a>
						</li>
						<li>
							<a href="javascript:;" title="" class="img-hover list-img">
								<img src="../img/temp/craftsman_02.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="javascript:;" title="" class="btn btn-lg craftsman-btn">查看详情</a>
						</li>
						<li>
							<a href="javascript:;" title="" class="img-hover list-img">
								<img src="../img/temp/craftsman_03.png" alt="">
							</a>
							<h2 class="elli-1">工匠-xxx</h2>
							<a href="javascript:;" title="" class="btn btn-lg craftsman-btn">查看详情</a>
						</li>
					</ul>
					<!-- 翻页 -->
					<div id="example" class="pagination pagination-sm no-margin pull-right">
						<ul>
							<li><a href="404.html" title="Go to first page"><<</a></li>
							<li><a href="404.html" title="Go to previous page"><</a></li>
							<li><a href="404.html" title="Go to page 1">1</a></li>
							<li class="active"><a href="javascript:void(0)" title="Go to page 2">2</a></li>
							<li><a href="404.html" title="Go to page 3">3</a></li>
							<li><a href="404.html" title="Current page is 4">4</a></li>
							<li><a href="404.html" title="Go to page 5">5</a></li>
							<li><a href="404.html" title="Go to next page">></a></li>
							<li><a href="404.html" title="Go to last page">>></a></li>
						</ul>
					</div>
				</div>  
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<div class="container clearfix">
			<div class="foot-left">
				<ul>
					<li>
						<!-- <i class=""></i> -->
						<b class="iconfont icon-dianhua2"></b>
						<span>400-010-8888</span>
					</li>
					<li>
						<i class="iconfont icon-shijianzhongbiao2"></i>
						<span>工作时间：8:30-17:30</span>
					</li>
					<li>
						<i class="iconfont icon-youjian"></i>
						<span>E-mail：contact@zhongmisilu.com</span>
					</li>
					<li>
						<i class="iconfont icon-weizhi"></i>
						<span>海南省海口市龙华区财富广场18C</span>
					</li>
				</ul>
			</div>
			<div class="line-foot"></div>
			<div class="foot-cen">
				<dl>
					<dt>
						<a href="">蜜源寻蜜</a>
					</dt>
				</dl>
				<dl>
					<dt><a href="">好蜜科普</a></dt>
					<dd>
						<a href="">蜜源探秘</a>
						<a href="">蜂蜜常识</a>
						<a href="">蜂蜜种类</a>
						<a href="">蜂蜜价值</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">蜂业专委会</a></dt>
					<dd>
						<a href="">工匠认证</a>
						<a href="">专业培训</a>
						<a href="">专委会介绍</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">蜜蜂视界</a></dt>
					<dd>
						<a href="">全部视频</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="">会员中心</a>
					</dt>
				</dl>
			</div>
			<div class="line-foot"></div>
			<div class="foot-rig">
				<dt>
					<img src="../img/temp/wx.jpg" alt="">
				</dt>
				<dd>
					扫描上方公众号微信二维码
					<br>
					或者微信加公众号：zhongmisilu
				</dd>
			</div>
		</div>
		<div class="copyright clearfix">© 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
		</div>
	</div>
</body>
</html>